/**
 * Vue插件注册全局组件
 */

import Skeleton from './Skeleton'
import Slider from './Slider'
import More from './More'
import Bread from './Bread'
import BreadItem from './Bread/item.vue'
import City from './City'
import Sku from './Sku'
import NumBox from './NumBox'
import Button from './Button'
import CheckBox from './CheckBox'
import Message from './Message'
import InfiniteLoad from './InfiniteLoad'

const components = [Skeleton, Slider, More, Bread, BreadItem, City, Sku, NumBox, Button, CheckBox, Message, InfiniteLoad]

export default {
  // Vue2中的参数Vue是一个构造函数,Vue3中的参数app是根实例
  /**
   * Vue2 注册全局组件 指令 过滤器 全局方法 混入
   * Vue3 注册全局组件 指令 混入(因为没有this,无法挂载全局方法,也拿不到)
   */
  install (app) {
    // console.log('根实例', app)
    // app.component('Skeleton', Skeleton)
    components.forEach(component => {
      app.component(component.name, component)
    })
  }
}
